<div id="metrics-sentiment" class="row-fluid white-row" style="display: none">
    <h5>SENTIMENT</h5>
    <div id="sentiment-widget" class="mozaic-widget widget-hourly_filter" data-widget="hourly_filter" style="height: 200px;">
        <div class="block-1" style="width: 30%;display: inline-block;padding: 0 20px;">
            <div id="sentiment1" style="height: 200px">

            </div>
        </div>
        <div class="block-2" style="width: 30%;display: inline-block;">
            <div id="sentiment2" style="height: 200px">

            </div>
        </div>
        <div class="block-3" style="width: 30%;display: inline-block;">
            <div id="sentiment3" style="height: 200px">

            </div>
        </div>
    </div>
    <div id="sentiment-notice" style="left: 36%;top: 50%;position: absolute; color: gray;">
        <h5>PLEASE SELECT AT LEAST 1 STREAM TO COMPARE</h5>
    </div>
    <div class="sentiment-loading" style="left: 46%;top: 49%;position: absolute; display: none;">
        <div class="duo duo1">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
        <div class="duo duo2">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
    </div>
</div>